<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
    <ul class="nav navbar-nav">
        {% for parent in helper.getMenu(0) %}
        <li class="dropdown category-dropdown">
            <a href="{{ url(parent.getLinkTo()) }}" class="dropdown-toggle" data-hover="dropdown">{{parent.getName()}}</a>
            {% if helper.getMenu(parent.getId()) %}
            <ul class="dropdown-menu dropdown-menu-custom" role="menu">
                {% for child in helper.getMenu(parent.getId()) %}
                <li>{{ link_to(child.getLinkTo() , child.getName()) }}</li>
                {% endfor %}
            </ul>
            {% endif %}
        </li>
        {% endfor %}
        <li class="search-form">
            <form class="navbar-form" role="search" method="get" action="{{ url('tim-kiem') }}">
                <div class="input-wrapper">
                    <input id="key" name="name" type="text" autocomplete="off" class="ui-autocomplete-input">
                    <span id="search-icon"></span>
                </div>
            </form>
        </li>
    </ul>  

    <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Đăng nhập</a></li>
    </ul>
</nav>